<template>
  <div id="fitness-content" class="tab-content active">
    <h2 class="section-title"><i class="fas fa-running"></i> 运动助手</h2>
    <p style="color: var(--text-secondary); margin-bottom: 20px;">跟踪您的运动数据，达成健身目标</p>

    <div class="fitness-stats">
      <div class="stat-card">
        <div class="stat-icon">
          <i class="fas fa-shoe-prints"></i>
        </div>
        <div class="stat-value">8,542</div>
        <div class="stat-label">步数</div>
      </div>
      <div class="stat-card">
        <div class="stat-icon">
          <i class="fas fa-fire"></i>
        </div>
        <div class="stat-value">412</div>
        <div class="stat-label">卡路里</div>
      </div>
      <div class="stat-card">
        <div class="stat-icon">
          <i class="fas fa-route"></i>
        </div>
        <div class="stat-value">6.8</div>
        <div class="stat-label">公里</div>
      </div>
    </div>

    <button class="workout-btn" @click="startSport">
      <i class="fas fa-play-circle"></i> 开始运动
    </button>
    <div style="height: 100px"></div>
<!--    <h3 class="section-title"><i class="fas fa-dumbbell"></i> 运动模式</h3>-->
<!--    <div class="workout-types">-->
<!--      <div class="workout-type">-->
<!--        <i class="fas fa-running"></i>-->
<!--        <span>跑步</span>-->
<!--      </div>-->
<!--      <div class="workout-type">-->
<!--        <i class="fas fa-bicycle"></i>-->
<!--        <span>骑行</span>-->
<!--      </div>-->
<!--      <div class="workout-type">-->
<!--        <i class="fas fa-swimmer"></i>-->
<!--        <span>游泳</span>-->
<!--      </div>-->
<!--      <div class="workout-type">-->
<!--        <i class="fas fa-hiking"></i>-->
<!--        <span>徒步</span>-->
<!--      </div>-->
<!--      <div class="workout-type">-->
<!--        <i class="fas fa-dumbbell"></i>-->
<!--        <span>健身</span>-->
<!--      </div>-->
<!--      <div class="workout-type">-->
<!--        <i class="fas fa-basketball-ball"></i>-->
<!--        <span>篮球</span>-->
<!--      </div>-->
<!--    </div>-->
  </div>
</template>
<script lang="js">
  export default {
    name: 'SportIndex',
    components: {
    },
    methods: {
      startSport() {
        this.$router.push('/sportmodel');
      }
    }
  }
</script>
<style scoped>

</style>